<!doctype html>
<html class="no-js" lang="en">
<head>
  <meta charset="utf-8">
  <title>Inicio</title>
  <meta name="HandheldFriendly" content="True" />
  <meta name="MobileOptimized" content="320" />
  <meta content="minimum-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no" name="viewport" />
  <meta name="description" content="">
  <!--<link  href="http://fonts.googleapis.com/css?family=Oswald:regular" rel="stylesheet" type="text/css" > -->
  <script src="js/libs/jquery-1.7.1.min.js"></script>
  <link rel="stylesheet" href="css/responsiveslides.css" />
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="fonts/raphaelicons.css">
  <link rel="stylesheet" href="css/main.css">
  <script src="js/responsiveslides.min.js"></script>
  <script>
    $(function () {

      // Slideshow 1
      $("#slider1").responsiveSlides({
        pager: true,
        nav: true,
        speed: 1000,
        maxwidth: 800,
        namespace: "centered-btns"
      });

    });
  </script>
</head>
<!--[if lt IE 7]> <body class="ie6 oldies"> <![endif]-->
<!--[if IE 7]>    <body class="ie7 oldies"> <![endif]-->
<!--[if IE 8]>    <body class="ie8 oldies"> <![endif]-->
<!--[if gt IE 8]><!-->
<body><!--<![endif]-->

<!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
  <header class="clearfix">
      <div class="container">       
        <nav class="clearfix">
          <ul role="navigation">
            <li>
              <a href="inicio.php"><span class="icon"></span>Inicio</a>
            </li>
            <li>
              <a href="inicio.php"><span class="icon"></span>Ciudades</a>
            </li>
            <li>
              <a href="registrarcita.php"><span class="icon"></span>Tu Reunion</a>
            </li>
          </ul>
        </nav>
      </div>
  </header>
   <section role="banner">
       <article role="main" class="clearfix">
           <div class="post">
            <figure>
            <img src="images/logo.png" alt="logo">
          </figure>
                          
                    <form id="contacto" action="php/login.php" method="post" >
                    <label for="usuario">Usuario <br></label>
                    <input id="usuario" type="text" name="usuario" placeholder="ximena88" required><br>
                    <label for="password">Contraseña<br></label>
                    <input id="passwordRegistro" type="password" name="clave"  placeholder="********" required><br>
                    <input id="submit" type="submit" value="Ingresar"><a href="registrar.php">o registrarse</a>
             
           </div>
           <aside role="complementary">
    <div class="rslides_container">
      <ul class="rslides" id="slider1">
        <li><img src="images/reunion.jpg" alt="" /></li>
        <li><img src="images/reunion2.jpg" alt="" /></li>
        <li><img src="images/reunion3.jpg" alt="" /></li>
        <li><img src="images/reunion4.jpg" alt="" /></li>
      </ul>
    </div>


               <h1>"Meeting People"</h1>
           </aside>
       </article>
   </section> <!-- // banner ends -->
   <section class="container">
       <div class="columns">
           <article>
             <figure>
                <h2>Eventos en tu Ciudad</h2>
                <img src="images/cena.jpg" alt="a">
             </figure>
           </article>
           <article>
            <h2>Tu Reunion</h2>
          <p>Las reuniones permiten compartir, detro de un grupo de personas, el mismo nivel de conocimiento acerca de un tema común, te invitamos a probar una nueva herramienta ara que puedas concretar tus juntas con colegas o amigos.</p>
      
           </article>
       </div> <!-- //.columns -->
   </section>
  <footer role="contentinfo">
          <p>2012 Inacap Temuco. All rights reserved.</p>
          <p>Taller de Desarrollo Web</p>
          <ul class="social-icons">
          <li><a href="http://www.facebook.com/" class="icon flip">^</a></li>
          <li><a href="" class="icon">T</a></li>
          <li><a href="http://www.twitter.com/" class="icon">^</a></li>
        </ul>
  </footer>
</body>
</html>